// 引入公共基础类
@import "./libs/css/common.scss";
@import "./libs/css/color.scss";

// 非nvue的样式
/* #ifndef APP-NVUE */
@import "./libs/css/style.vue.scss";
/* #endif */

// nvue的特有样式
/* #ifdef APP-NVUE */
@import "./libs/css/style.nvue.scss";
/* #endif */

// 小程序特有的样式
/* #ifdef MP */
@import "./libs/css/style.mp.scss";
/* #endif */

// H5特有的样式
/* #ifdef H5 */
@import "./libs/css/style.h5.scss";
/* #endif */
page {
	background-color: #000000 !important; 
	.color-gradual-same {
		background-color: #000000 !important;
	}
	.color-gradual {
		background-color: #111111 !important;
		.color-gradual-same {
			background-color: #111111 !important;
		}
		.color-gradual {
			background-color: #222222 !important;
			.color-gradual-same {
				background-color: #222222 !important;
			}
			.color-gradual {
				background-color: #333333 !important;
				.color-gradual-same {
					background-color: #333333 !important;
				}
				.color-gradual {
					background-color: #444444 !important;
					.color-gradual-same {
						background-color: #444444 !important;
					}
					.color-gradual {
						background-color: #555555 !important;
						.color-gradual-same {
							background-color: #555555 !important;
						}
					}
					.color-gradual-hover {
						background-color: #666666 !important;
					}
				}
				.color-gradual-hover {
					background-color: #555555 !important;
				}
			}
			.color-gradual-hover {
				background-color: #444444 !important;
			}
		}
		.color-gradual-hover {
			background-color: #333333 !important;
		}
	}
	.color-gradual-hover {
		background-color: #222222 !important;
	}
	.color-ico-gradual {
		color: #cccccc !important;
		 .color-ico-gradual {
			color: #bbbbbb !important;
			 .color-ico-gradual {
				color: #aaaaaa !important;
				 .color-ico-gradual {
					color: #999999 !important;
					 .color-ico-gradual {
						color: #888888 !important;
					}
					.color-ico-gradual-hover {
						color: #999999 !important;
					}
				}
				.color-ico-gradual-hover {
					color: #aaaaaa !important;
				}
			}
			.color-ico-gradual-hover {
				color: #bbbbbb !important;
			}
		}
		.color-gradual-hover {
			color: #cccccc !important;
		}
	}
	.color-gradual-hover {
		background-color: #dddddd !important;
	}
}
@media (prefers-color-scheme: light) {  
	page {
		background-color: #ffffff !important; 
		.color-gradual-same {
			background-color: #ffffff !important;
		}
		.color-gradual {
			background-color: #eeeeee !important;
			.color-gradual-same {
				background-color: #eeeeee !important;
			}
			 .color-gradual {
				background-color: #dddddd !important;
				.color-gradual-same {
					background-color: #dddddd !important;
				}
				 .color-gradual {
					background-color: #cccccc !important;
					.color-gradual-same {
						background-color: #cccccc !important;
					}
					 .color-gradual {
						background-color: #bbbbbb !important;
						.color-gradual-same {
							background-color: #bbbbbb !important;
						}
						 .color-gradual {
							background-color: #aaaaaa !important;
							.color-gradual-same {
								background-color: #aaaaaa !important;
							}
						}
						.color-gradual-hover {
							background-color: #999999 !important;
						}
					}
					.color-gradual-hover {
						background-color: #aaaaaa !important;
					}
				}
				.color-gradual-hover {
					background-color: #bbbbbb !important;
				}
			}
			.color-gradual-hover {
				background-color: #cccccc !important;
			}
		}
		.color-gradual-hover {
			background-color: #dddddd !important;
		}
		.color-ico-gradual {
			color: #333333 !important;
			.color-ico-gradual {
				color: #444444 !important;
				.color-ico-gradual {
					color: #555555 !important;
					.color-ico-gradual {
						color: #666666 !important;
						.color-ico-gradual {
							color: #777777 !important;
						}
						.color-ico-gradual-hover {
							color: #666666 !important;
						}
					}
					.color-ico-gradual-hover {
						color: #555555 !important;
					}
				}
				.color-ico-gradual-hover {
					color: #444444 !important;
				}
			}
			.color-ico-gradual-hover {
				color: #333333 !important;
			}
		}
		.color-ico-gradual-hover {
			background-color: #222222 !important;
		}
		
	}
}

.dark{
	background-color: #000000 !important;
	.color-gradual-same {
		background-color: #000000 !important;
	}
	.color-gradual {
		background-color: #111111 !important;
		.color-gradual-same {
			background-color: #111111 !important;
		}
		.color-gradual {
			background-color: #222222 !important;
			.color-gradual-same {
				background-color: #222222 !important;
			}
			.color-gradual {
				background-color: #333333 !important;
				.color-gradual-same {
					background-color: #333333 !important;
				}
				.color-gradual {
					background-color: #444444 !important;
					.color-gradual-same {
						background-color: #444444 !important;
					}
					.color-gradual {
						background-color: #555555 !important;
						.color-gradual-same {
							background-color: #555555 !important;
						}
					}
					.color-gradual-hover {
						background-color: #666666 !important;
					}
				}
				.color-gradual-hover {
					background-color: #555555 !important;
				}
			}
			.color-gradual-hover {
				background-color: #444444 !important;
			}
		}
		.color-gradual-hover {
			background-color: #333333 !important;
		}
	}
	.color-gradual-hover {
		background-color: #222222 !important;
	}
	.color-ico-gradual {
		color: #cccccc !important;
		 .color-ico-gradual {
			color: #bbbbbb !important;
			 .color-ico-gradual {
				color: #aaaaaa !important;
				 .color-ico-gradual {
					color: #999999 !important;
					 .color-ico-gradual {
						color: #888888 !important;
					}
					.color-ico-gradual-hover {
						color: #999999 !important;
					}
				}
				.color-ico-gradual-hover {
					color: #aaaaaa !important;
				}
			}
			.color-ico-gradual-hover {
				color: #bbbbbb !important;
			}
		}
		.color-gradual-hover {
			color: #cccccc !important;
		}
	}
	.color-gradual-hover {
		background-color: #dddddd !important;
	}
}
.light {
	background-color: #ffffff !important;
	.color-gradual-same {
		background-color: #ffffff !important;
	}
	.color-gradual {
		background-color: #eeeeee !important;
		.color-gradual-same {
			background-color: #eeeeee !important;
		}
		 .color-gradual {
			background-color: #dddddd !important;
			.color-gradual-same {
				background-color: #dddddd !important;
			}
			 .color-gradual {
				background-color: #cccccc !important;
				.color-gradual-same {
					background-color: #cccccc !important;
				}
				 .color-gradual {
					background-color: #bbbbbb !important;
					.color-gradual-same {
						background-color: #bbbbbb !important;
					}
					 .color-gradual {
						background-color: #aaaaaa !important;
						.color-gradual-same {
							background-color: #aaaaaa !important;
						}
					}
					.color-gradual-hover {
						background-color: #999999 !important;
					}
				}
				.color-gradual-hover {
					background-color: #aaaaaa !important;
				}
			}
			.color-gradual-hover {
				background-color: #bbbbbb !important;
			}
		}
		.color-gradual-hover {
			background-color: #cccccc !important;
		}
	}
	.color-gradual-hover {
		background-color: #dddddd !important;
	}
	.color-ico-gradual {
		color: #333333 !important;
		.color-ico-gradual {
			color: #444444 !important;
			.color-ico-gradual {
				color: #555555 !important;
				.color-ico-gradual {
					color: #666666 !important;
					.color-ico-gradual {
						color: #777777 !important;
					}
					.color-ico-gradual-hover {
						color: #666666 !important;
					}
				}
				.color-ico-gradual-hover {
					color: #555555 !important;
				}
			}
			.color-ico-gradual-hover {
				color: #444444 !important;
			}
		}
		.color-ico-gradual-hover {
			color: #333333 !important;
		}
	}
	.color-ico-gradual-hover {
		background-color: #222222 !important;
	}
}